
<nav class="nav">

	<ul class="pagination pagination-sm navbar-left buttonBar">

		<li>
		<form class="form-inline">
		 <div class="form-group">
		    <label class="sr-only">Amount (in dollars)</label>
		    <div class="input-group">
		      <div class="input-group-addon">共{{data.getTotal()}}行</div>
		      	<select class="form-control input-sm" 
					data-ng-options="o.id as o.name for o in data.pageSizes"
					data-ng-model="data.limit" data-ng-change="data.limitChanged()">
				</select>
		      <div class="input-group-addon">/页</div>
		    </div>
		  </div>
		 </form>
		</li>
		
	</ul>

	<ul class="pagination pagination-sm navbar-right buttonBar"
		data-ng-show="data.totalPage>1">

		<li data-ng-class="{true:'disabled'}[data.currentPage==1] "><a
			href="javascript:void(0)" data-ng-click="data.firstPage()">{{firstText}}</a>
		</li>
		<li data-ng-class="{true:'disabled'}[data.currentPage==1]"><a
			href="javascript:void(0);" data-ng-click="data.prevPage()">{{previousText}}</a>
		</li>

		<li data-ng-repeat="page in data.pages"
			data-ng-class="{true:'active'}[data.currentPage==page]"><a
			href="javascript:void(0);" data-ng-click="data.loadPageData(page)">
				{{page}} </a></li>

		<li
			data-ng-class="{true:'disabled'}[data.currentPage==data.totalPage]">
			<a href="javascript:void(0);" data-ng-click="data.nextPage()">{{nextText}}</a>
		</li>
		<li
			data-ng-class="{true:'disabled'}[data.currentPage==data.totalPage]">
			<a href="javascript:void(0)"
			data-ng-click="data.currentPage=data.totalPage;data.lastPage()">{{lastText}}</a>
		</li>

	</ul>

</nav>
